<!DOCTYPE html>
<html lang="en">
<head>
    <title>项目管理</title>
</head>
<body>
<div class="page-container">
    <div class="page-content">
        <div class="container">
            <div class="page-bar" style="background-color: #fff;margin-bottom: 5px;margin-top: 10px;">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="glyphicon glyphicon-cog"></i>
                        <span>部门项目管理</span>
                    </li>
                </ul>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light bordered">
                        <div class="portlet-title">
                            <div class="caption">
                              <span class="caption-subject font-green-sharp bold uppercase">
                              <i class="fa fa-gift"></i> 项目列表
                              </span>
                            </div>
                            <div class="actions btn-set text-right">
                                <button class="btn green btn-circle" data-toggle="modal" data-target="#myModal"
                                        onclick="selectDepartUser()">
                                    <a class="fa fa-plus" style="text-decoration:none;color: #FFFFFF">项目人员</a>
                                </button>
                                <button class="btn red btn-circle"
                                        onclick="doEndProject()">
                                    <a class="fa fa-check" style="text-decoration:none;color: #FFFFFF">确认结束</a>
                                </button>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table id="projectTable"
                                   class="table table-striped table-bordered table-hover"
                                   data-toggle="table"
                                   data-method="post"
                                   data-content-type="application/x-www-form-urlencoded"
                                   data-query-params="queryParams"
                                   data-pagination="true"
                                   data-click-to-select="true"
                                   data-side-pagination="server"
                                   data-page-list="[10, 20, 50, 200]"
                                   data-search-align = "left"
                            >
                                <thead>
                                <tr>
                                    <th data-radio="true" checkbox="true"></th>
                                    <th data-field="pro_id">项目编码</th>
                                    <th data-field="pro_name" data-formatter="proInfoFormatter">项目名称</th>
                                    <th data-field="moneyMax">已分配资金</th>
                                    <th data-field="start_time" data-formatter="dateFormatter">项目起始时间</th>
                                    <th data-field="predict_end_time" data-formatter="dateFormatter">预计结束时间</th>
                                    <th data-field="end_time" data-formatter="dateFormatter">实际结束时间</th>
                                    <th data-field="state">项目状态</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light bordered">
                        <div class="portlet-title">
                            <div class="caption">
                              <span class="caption-subject font-green-sharp bold uppercase">
                              <i class="fa fa-gift"></i> 部员进度汇报列表
                              </span>
                            </div>
                            <div class="actions btn-set text-right">
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table id="scheduleTable"
                                   class="table table-striped table-bordered table-hover"
                                   data-toggle="table"
                                   data-method="post"
                                   data-content-type="application/x-www-form-urlencoded"
                                   data-query-params="queryParams"
                                   data-pagination="true"
                                   data-click-to-select="true"
                                   data-side-pagination="server"
                                   data-page-list="[10, 20, 50, 200]"
                                   data-search-align = "left"
                            >
                                <thead>
                                <tr>
                                    <th data-field="pro_id">项目编码<label style="min-width:50px;"></label></th>
                                    <th data-field="user_name" >汇报部员<label style="min-width:50px;"></label></th>
                                    <th data-field="sch_date" data-formatter="dateFormatter">汇报日期<label style="min-width:50px;"></label></th>
                                    <th data-field="sch_describe" >汇报内容<label style="min-width:200px;"></label></th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"
                                    aria-hidden="true">×
                            </button>
                            <h4 class="modal-title" id="myModalLabel">
                                设置项目参与人员
                            </h4>
                        </div>
                        <div class="modal-body">
                            <div class="portlet-body form">
                                <table id="tableRefash"
                                       class="table table-striped table-bordered table-hover"
                                <#--data-method="post"-->
                                       data-content-type="application/x-www-form-urlencoded"
                                       data-search-align="left"
                                       data-undefined-text="-"<#--默认无数据显示-->
                                       data-click-to-select="true"<#--点击选中-->
                                       data-striped="true" <#--显示行间隔色-->
                                       data-height = "300"
                                >
                                    <thead>
                                    <tr>
                                        <th data-checkbox="true" checkbox="true"></th>
                                        <th data-field="user_name"> 可选择参与人员列表<label style="min-width:50px;"></label></th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                            <div>
                                <br/>
                                <br/>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default"
                                    data-dismiss="modal">关闭
                            </button>
                            <button id="submitBtn" type="button" class="btn btn-primary"onclick="addProjectUser()">
                                设置
                            </button>
                        </div>
                        <input class="hidden" id="proIdActive"/>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div>
        </div>
    </div>
</div>
<script src="${basePath}/static/module/projectManage/projectManage1.js${jsResourceVersion}"></script>
</body>
</html>